HTML5. Формы. Введение:
Данный курс предназначен для знакомства с новыми возможностями, которые предоставляет нам HTML5 для создания продвинутых форм.
Вы уже должны знать, что такое формы, а также уметь создавать простые формы, используя текстовые поля, области, выпадающие списки и другие элементы.
В данном курсе рассматриваются новые возможности, которые предоставляет HTML5 для форм, также показаны новые типы полей: для ввода дат, чисел, телефона, email, цветов и некоторых других. Помимо этого, будут рассмотрены такие возможности как валидация, подсказки, автозаполнение полей, автофокус, и многие другие атрибуты и возможности.


Урок 1. HTML5. Формы. Поля для ввода дат:
От автора: в этом видеоуроке показана работа с полями, предназначенными для ввода дат, которые были добавлены в HTML5.
Из видеоурока вы узнаете о таких полях, как выбор произвольной даты, поля для ввода времени, поле для выбора даты и времени, а также выбор недели и месяца. Помимо этого показано, в каком формате данные приходят на сервер, и вы увидите возможные предупреждения при некорректном заполнении полей.


Урок 2. HTML5. Формы. Типы полей:
От автора: в этом видеоуроке показывается работа с оставшимися полями, которые были добавлены в HTML5, а именно: number, search, tel, email, url, color, range.
Из видеоурока вы узнаете о поле для ввода числового значения, email, url телефона, а также полях поиска, выбора цвета и значения из диапазона. Помимо этого, увидите их отличиях и дополнительно используемых атрибутах min, max и step.


Урок 3. HTML5. Формы. Группировка полей и список возможных значений:
От автора: в этом видеоуроке узнаете о возможностях группировки полей и создании списка с выводом возможных значений.
Из видеоурока вы узнаете, как группировать поля и задавать заголовки для них при помощи тега fieldset, а также как создавать и связывать список datalist с текстовым полем ввода


Урок 4. HTML5. Формы. Группировка элементов списка и область вывода результата:
От автора: в этом видеоуроке узнаете о том, как сгруппировать элементы списка select, а также где можно использовать тег output для вывода определенных значений.
Из урока вы узнаете, для чего нужна группировка в списках и как ее реализовать и увидите, как можно взаимодействовать с тегом output при помощи JavaScript.


Урок 5. HTML5. Формы. Обзор атрибутов:
От автора: в данном видео узнаете о новых атрибутах, которые предоставляет нам HTML5 для форм.
Из урока вы узнаете о том, как сделать поле обязательным к заполнению, как добавить в поле автоматических фокус, вывести подсказку для пользователя при заполнении поля, запретить редактирование полей, включить автозаполнение, изменить порядок навигации между элементами с помощью клавиатуры и добавить регулярное выражение для проверки поля ввода согласно заданному формату.